#Title {
  height: 100%;
  width: 100%;
}
#Title .container {
  height: 98%;
  width: 98%;
  position: relative;
  top: 1%;
  left: 1%;
  border: 1px solid red;
  float: left;
}
#Title .container .logout {
  background-color: rgba(190, 70, 70, 0);
  border: 0px;
  left: 100%;
  transform: translateX(-600%);
  float: right;
  position: relative;
  height: 50px;
}
#Title .container .logout .icon {
  color: skyblue;
}
#Title .container .logout .icon:hover {
  animation: iconChange 5s;
  -webkit-animation: iconChange 5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}
@keyframes iconChange {
  from {
    color: skyblue;
  }
  to {
    color: red;
  }
}
@-webkit-keyframes iconChange {
  from {
    color: skyblue;
  }
  to {
    color: red;
  }
}
